﻿<!doctype html>
<html class="no-js" lang="zh-cn" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})">
</head>

<body>

<div id="main-wrapper">
   
    <!--Header section start-->
    <template th:replace="layout::header"></template>
    <!--Header section end-->
    
    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">Agent Details</h1>
                    <ul class="page-breadcrumb">
                        <li><a href="index.html">主页</a></li>
                        <li class="active">Agent Details</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--Agent Section start-->
    <div class="agent-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-70 pb-lg-50 pb-md-40 pb-sm-30 pb-xs-20">
        <div class="container">
            
            <div class="row row-25">

                <!--Agent Image-->
                <div class="col-lg-5 col-12 mb-30">
                    <div class="agent-image">
                        <img th:src="${agentInfo.user.head}" alt="">
                    </div>
                </div>

                <!--Agent Content-->
                <div class="col-lg-7 col-12">
                    <div class="agent-content">
                        <h3 class="title" th:text="${agentInfo.user.name}"></h3>
                        <p th:text="${agentInfo.user.brief}"></p>
                        <div class="row">
                            <div class="col-md-6 col-12 mb-30">
                                <h4>Persoanl Info</h4>
                                <ul>
                                    <li><i class="pe-7s-map"></i><span th:text="${agentInfo.user.address}">无</span></li>
                                    <li><i class="pe-7s-phone"></i><a href="#" th:text="${agentInfo.user.phone}?${agentInfo.user.phone}+'张':'无'"></a></li>
                                    <li><i class="pe-7s-mail-open"></i><a href="#" th:text="${agentInfo.agent.email}">无</a></li>
                                    <li><i class="pe-7s-global"></i><a href="#" th:text="${agentInfo.agent.webSite}">无</a></li>
                                    <li><i class="pe-7s-photo"></i><span th:text="${agentInfo.agent.photo}">无</span></li>
                                </ul>
                                <div class="social">
                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                            <div class="col-md-6 col-12 mb-30">
                                <h4>Agency Info</h4>
                                <ul>
                                    <li><span>Agency:</span> <span th:text="${agentInfo.agency.name}"></span></li>
                                    <li><span>Company:</span> <span th:text="${agentInfo.agency.name}"></span></li>
                                    <li><span>Licenses:</span> <span th:text="${agentInfo.agency.license}"></span></li>
                                    <li><span>Number:</span> <span><a href="#" th:text="${agentInfo.agency.number}"></a></span></li>
                                    <li><span>Address:</span> <span th:text="${agentInfo.agency.address}"></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            
        </div>
    </div>
    <!--Agent Section end-->

    <!--Feature property section start-->
    <div class="property-section section pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>Donald Palmer Properties</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
               
                <!--Property Slider start-->
                <div class="property-carousel section">

                    <!--Property start-->
                    <div class="property-item col" th:each="properties : ${properTiesVO}">
                        <div class="property-inner">
                            <div class="image">
                                <a href="single-properties.html"><img th:src="${properties.img}" alt=""></a>
                                <ul class="property-feature">
                                    <li>
                                        <span class="area"><img th:src="@{assets/images/icons/area.png}" alt="" th:text="${properties.area}"></span>
                                    </li>
                                    <li>
                                        <span class="bed"><img th:src="@{assets/images/icons/bed.png}" alt="" th:text="${properties.bed}"></span>
                                    </li>
                                    <li>
                                        <span class="bath"><img th:src="@{assets/images/icons/bath.png}" alt="" th:text="${properties.bath}"></span>
                                    </li>
                                    <li>
                                        <span class="parking"><img th:src="@{assets/images/icons/parking.png}" alt="" th:text="${properties.parking}"></span>
                                    </li>
                                </ul>
                            </div>
                            <div class="content">
                                <div class="left">
                                    <h3 class="title"><a href="single-properties.html" th:text="${properties.title}"></a></h3>
                                    <span class="location"><img th:src="@{assets/images/icons/marker.png}" alt="" th:text="${properties.location}"></span>
                                </div>
                                <div class="right" th:switch="${properties.type}">
                                    <div class="type-wrap"  th:case="'出租'">
                                        <span class="price" th:text="'￥'+${properties.price}"><span>月</span></span>
                                        <span class="type" th:text="${properties.type}"></span>
                                    </div>
                                    <div class="type-wrap"  th:case="'出售'">
                                        <span class="price" th:text="'￥'+${properties.price}"></span>
                                        <span class="type" th:text="${properties.type}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    <!--Property end-->

                    <!--Property start-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">特色</span>-->
<!--                                <a href="single-properties.html"><img th:src="@{assets/images/property/property-2.jpg}" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img th:src="@{assets/images/icons/area.png}" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img th:src="@{assets/images/icons/bed.png}" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img th:src="@{assets/images/icons/bath.png}" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img th:src="@{assets/images/icons/parking.png}" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">木马山别墅</a></h3>-->
<!--                                    <span class="location"><img th:src="@{assets/images/icons/marker.png}" alt="">城北大道450附22号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥2550</span>-->
<!--                                        <span class="type">出售</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">热门</span>-->
<!--                                <a href="single-properties.html"><img th:src="@{assets/images/property/property-3.jpg}" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img th:src="@{assets/images/icons/area.png}" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img th:src="@{assets/images/icons/bed.png}" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img th:src="@{assets/images/icons/bath.png}" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img th:src="@{assets/images/icons/parking.png}" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">皇家一号公寓</a></h3>-->
<!--                                    <span class="location"><img th:src="@{assets/images/icons/marker.png}" alt="">锦江区福字街215号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <a href="single-properties.html"><img th:src="@{assets/images/property/property-4.jpg}" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img th:src="@{assets/images/icons/area.png}" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img th:src="@{assets/images/icons/bed.png}" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img th:src="@{assets/images/icons/bath.png}" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img th:src="@{assets/images/icons/parking.png}" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">龙城一号别墅</a></h3>-->
<!--                                    <span class="location"><img th:src="@{assets/images/icons/marker.png}" alt="">龙泉驿区南山大道333号附12号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <a href="single-properties.html"><img th:src="@{assets/images/property/property-5.jpg}" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img th:src="@{assets/images/icons/area.png}" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img th:src="@{assets/images/icons/bed.png}" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img th:src="@{assets/images/icons/bath.png}" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img th:src="@{assets/images/icons/parking.png}" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">春天花园别墅</a></h3>-->
<!--                                    <span class="location"><img th:src="@{assets/images/icons/marker.png}" alt="">金牛区琴台西路668号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥2550</span>-->
<!--                                        <span class="type">出售</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->

                    <!--Property end-->

                </div>
                <!--Property Slider end-->
                
            </div>
            
        </div>
    </div>
    <!--Feature property section end-->
    
    <!--Footer section start-->
    <template th:replace="layout::footer"></template>
     <!--Footer section end-->
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script th:src="@{assets/js/vendor/jquery-1.12.4.min.js}"></script>
<script th:src="@{assets/js/popper.min.js}"></script>
<script th:src="@{assets/js/bootstrap.min.js}"></script>
<script th:src="@{assets/js/plugins.js}"></script>
<script th:src="@{assets/js/map-place.js}"></script>
<script th:src="@{assets/js/main.js}"></script>

</body>

</html>
